import React from 'react'
import CategorySelect from '../components/CategorySelect'
import 'bootstrap/dist/css/bootstrap.min.css'

export const categories = [
  {
   "id": "1",
   "name": "旅行",
   "type": "outcome",
   "iconName": "ios-plane",    
 },
  {
   "id": "2",
   "name": "理财",
   "type": "income",
   "iconName": "logo-yen", 
 },
 {
   "id": "3",
   "name": "理财",
   "type": "income",
   "iconName": "logo-yen", 
 }
]

class Create extends React.Component {
  onSelectCategory = () => {
    
  }
  render(){
  return (
    <div>
      <h1> this is create page {this.props.match.params.id}</h1>
      <CategorySelect categories = {categories} onSelectCategory = {this.onSelectCategory}/>
    </div>
  )
  }
}

export default Create